import React, { createElement } from 'react';
import ReactDOM from 'react-dom/client';
//React.createElement(标签名,属性(对象),内容)

//react组件 ：函数组件  类组件  HOOKs组件

//函数组件:静态组件，没有state(相当于vue中的data),有props,
//组件一旦渲染就无法改变，除非重新渲染(函数组件没有生命周期)

//类组件：有state,有props,也有生命周期，渲染后可以改变

//导入函数组件
import Func from "./func";

let num=32;

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <>
    {/* 函数组件的使用：既可以是双标签 也可以是单标签
        双标签可以插槽，单标签不能插槽
        可以直接传递参数 父--》子

     */}
    <Func name="李飒飒" age={num}>
      <i>111</i>
      {/* <strong>222</strong> */}
    </Func>
    {/* <Func name="王位" /> */}
    {/* {React.createElement("h"+n,{className:"one"},"111")} */}
  </> 
);

//console.log(React.createElement("h"+n,{className:"one",id:"a"},"11122"))

